@import "./Detailpage.scss";

main{
    @include web(1000,auto);
    .object{
        padding-left: 55px;
        margin-top: -112px;
        line-height: 45px;
        .imgobject{
            display: flex;
            flex-direction: row;
            align-items: center;
            p{
                margin-left: 12px;
            }
            a{
                text-decoration: none;
                color: $back;
            }
        }
        .imgobjectone{
            @extend .imgobject;
        }
        .imgobjecttwo{
            @extend .imgobject;
        }
    }

    .listtitle{
        width: 900px;
        height: 32px;
        border-top: 1px solid $back;
        margin: 0 auto;
        position: relative;
        bottom: 100px;
        p{
            position: absolute;
            left:102px;
            font-weight: bold;
            line-height: 32px;
        }
    }

    .foodlist{
        width: 1000px;
        height: 580px;
        border-top: 1px solid $back;
        border-bottom: 1px solid $back;
        background-color: #fafafa;
        margin-top: 25px;
        .foodtop{
        width: 755px;
        border-style:  solid;
        border-width: 40px 15px 1px 15px;
        border-color: white $back $back $back;
        margin: 0 auto;
        margin-top: -2px;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
            p{
                margin-top: -28px;
                font-weight: bold;
           
            }   
        }
    }

    .listfood{
        line-height:38px;
        display: flex;
        font-size: 12px;
        ul{
            margin-left: 100px;
        }
        ul:nth-child(4){
        margin-left:70px;
        }
        ul:last-child{
            margin-left: 70px;
        }
    }

    .xuanxian{
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 22px;
        gap: 8px;
        a{
            text-decoration: none;
            color: black;
            width: 18px;
            height: 18px;
            border: 1px solid #c9c9c9;
            text-align: center;
            line-height: 17px;
            font-size:12px;
            background-color:  #e5e5e5;
            
        }
        a:first-child{
            width: 48px;
        }
        a:last-child{
            width: 48px;
        }
        a:hover{
            color: white;
            background-color:$back;
        }
    }

    .foodbox{
        width: 1000px;
        border-top: 1px solid #2f4d6b;
        margin-top: 30px;;
    }
}